.sys {
    background-color: #fff;
    padding: 0;
    height: 100%;
    overflow-y: auto;
    .px2rem(border-top-left-radius, 20);
    .px2rem(border-top-right-radius, 20);

    .sys-title {
        display: flex;
        .px2rem(border-top-left-radius, 20);
        .px2rem(border-top-right-radius, 20);
        justify-content: flex-start;
        align-items: center;
        .px2rem(padding, 15);

        .sys-title-icon {
            border-radius: 50%;
            background-color: #f7d519;
            .px2rem(padding, 15);
            // .px2rem(width, 70);
            // .px2rem(height, 70);
        }

        .sys-title-time {
            .px2rem(width, 270);
            .px2rem(padding-left, 15);
            .px2rem(padding-right, 15);

            .sys-title-time-item {
                color: #f7c1c1;
                .px2rem(padding-top, 10);
                .px2rem(padding-left, 10);
            }
        }
    }

    .list-page {
        .px2rem(border-radius, 20);

        .list-title {
            .px2rem(border-top-left-radius, 20);
            .px2rem(border-top-right-radius, 20);
            // background-color: #fdb3de;
            .px2rem(padding, 30);
            background-color: #fac4e3;
            color: #fa088d;
            .px2rem(font-size, 28);
            .px2rem(line-height, 45);
            font-weight: 700;
        }

        .list-title-er {
            .px2rem(padding, 20);
            .px2rem(padding-bottom, 0);
        }

        .list-title-item {
            border-bottom: 1px solid #eee;
            .px2rem(padding, 20);

            li {
                .px2rem(padding, 10);

            }

            .list-title-item-cop {
                font-weight: 600;
            }
        }
    }
}

.sys::-webkit-scrollbar {
    width: 1px;
    height: 1px;
    background-color: transparent;
}

.sys::-webkit-scrollbar-thumb {
    background-color: transparent;
}